@mixin textOneLine {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top-container{
    position: relative;
    padding: 60rpx 40rpx 0;
    box-sizing: border-box;
    width: 750rpx;
    height: 646rpx;
    // background-image: linear-gradient(129deg, #F25E84 6%, #F1A562 100%);
    background: url(https://zhujinlong.gitee.io/leju-admin-2110/static/img/yyxq-top-bg.png) no-repeat;
    background-size: 100% 100%;
    
    // overflow: hidden;
    .navbar{
        display: flex;
        justify-content: space-between;
        padding-top: 10rpx;
       
        .title{
            font-family: PingFangSC-Medium;
            font-size: 32rpx;
            color: #FFFFFF;
            @include textOneLine;
        }
    }
    .address{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 60rpx;
        .info{
            margin-left: 51.4rpx;
            color: #FFFFFF;
            @include textOneLine();
           .title{
            font-family: PingFangSC-Medium;
            font-size: 32rpx;
           } 
           .location{
            opacity: 0.51;
            font-family: PingFangSC-Regular;
            font-size: 24rpx;
            
           }
        }
    }
    // 轮播图
    .swiper-container{
        position: absolute;
        top: 320rpx;
        left: 0;
        width: 750rpx;
        height: 376rpx;
        z-index: 1000;
        .movie-swiper{
            height: 376rpx;
            .swiper-item{
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-left: 200rpx;
                .img{
                    width: 280rpx;
                    height: 100%;
                    border-radius: 10rpx;
                    overflow: hidden;
                    transition: .3s linear;
                    transform: scale(0.8);
                }
                .active{
                    transform: scale(1);
                }
            }
        }
    }
}

.movie-info{
    margin-top: 70rpx;
    text-align: center;
    .title{
        font-family: PingFangSC-Medium;
        font-size: 36rpx;
        color: #FFFFFF;
    }
    .info{
        margin-top: 6rpx;
        opacity: 0.6;
        font-family: PingFangSC-Regular;
        font-size: 28rpx;
        color: #FFFFFF;
    }
}
.date{
    margin-left: 40rpx;
    font-family: PingFangSC-Regular;
    font-size: 24rpx;
    color: #FBC34A;
}

.sort-container{
   
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin:22rpx 40rpx;
    background: #33363D;
    border-radius: 12rpx;
    height: 182rpx;
    .time-container{
        font-family: PingFangSC-Regular;
        color: #FFFFFF;
        font-size: 24rpx;
        text-align: right;
        .start{
            font-size: 36rpx; 
        }
        .end{
            opacity: 0.6; 
        }
    }
    .type{
        font-family: PingFangSC-Regular;
        color: #FFFFFF;
        font-size: 24rpx;
        .type-info{
           
        }
        .location{
            width: 135rpx;
            opacity: 0.6; 
        }
    }
    .price{
        font-family: PingFangSC-Medium;
        font-size: 36rpx;
        color: #FBC34A;
    }
    .buy{
        width: 90rpx;
        height: 50rpx;
        font-family: PingFangSC-Medium;
        text-align: center;
        line-height: 50rpx;
        font-size: 24rpx;
        color: #FFFFFF;
        background-image: linear-gradient(150deg, #F25B86 0%, #F1AC5E 100%);
        box-shadow: 0 0 8px 2px rgba(242,109,125,0.18);
        border-radius: 12rpx;
        

    }
}